<template>
  <!DOCTYPE html>
  <html>
  <!--
    WARNING! Make sure that you match all Quasar related
    tags to the same version! (Below it's "@2.14.0")
  -->

  <head>
    <link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900|Material+Icons" rel="stylesheet" type="text/css">
    <link href="https://cdn.jsdelivr.net/npm/quasar@2.14.0/dist/quasar.prod.css" rel="stylesheet" type="text/css">
  </head>

  <body>
  <!-- example of injection point where you write your app template -->
  <div id="q-app"></div>

  <!-- Add the following at the end of your body tag -->
  <script src="https://cdn.jsdelivr.net/npm/vue@3/dist/vue.global.prod.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/quasar@2.14.0/dist/quasar.umd.prod.js"></script>
  </body>
  </html>
</template>
<script>
/*
  Example kicking off the UI. Obviously, adapt this to your specific needs.
  Assumes you have a <div id="q-app"></div> in your <body> above
 */
import Vue from 'vue'
const app = new Vue()

Vue.use(Quasar)
app.mount('#q-app')
</script>
